<nav class="mui-bar mui-bar-tab">
	<a class="mui-tab-item mui-active" id="indexHtml" href="index.html">
		<span class="mui-icon iconfont icon-iconfonthome0"></span>
		<span class="mui-tab-label">首页</span>
	</a>
	<a class="mui-tab-item" id="orderHtml" href="order_form.html">
		<span class="mui-icon iconfont icon-dingdan"></span>
		<span class="mui-tab-label">订单</span>
	</a>
	<a class="mui-tab-item" id="myHtml" href="register.html">
		<span class="mui-icon iconfont icon-weibiaoti-_huabanfuben"></span>
		<span class="mui-tab-label">我的</span>
	</a>
</nav>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 	mui.init();
	
</script>
<script type="text/javascript">
	$(function(){
		var lf=location.href;
		console.log(lf);
		for(var i=0;i<$('.mui-tab-item').length;i++){
			var mf=$('.mui-tab-item').eq(i);
			if(lf.match(mf.attr('href'))){
				$('.mui-tab-item').removeClass('mui-active');
				mf.addClass('mui-active');
			}
		}
	})
		
	

</script>
